<nav class="navbar sticky-top navbar-dark bg-dark navbar-expand-lg">
    <div class="container-fluid">
        <a class="navbar-brand" href="/"><img src="images/logo.png"></a>
        <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2">
            &#9776;
        </button>

        <div class="collapse navbar-collapse" id="exCollapsingNavbar2">
            {% set nav = {
            "HOME": "index.html",
            "WORKS": "works.html",
            "FASHION": "fashion.html",
            "SERVICE": "service.html",
            "CONTACT": "contact.html",
            "ABOUT GTIME": "about.html",
            } %}
            <ul class="navbar-nav ml-auto ">
                {% for item,v in nav -%}
                <li class="nav-item"><a class="nav-link {% if loop.first %}active{% endif %}" href="{{v}}">{{item}}</a></li>
                {% endfor %}
            </ul>
            <!--  -->
        </div>
        <!--  -->
</nav>